.container {
  position: fixed;
  inset: 0px;
  touch-action: auto;
  background: rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  z-index: 4;
}

.modal {
  position: absolute;
  z-index: 100;
  background-color: white;
  height: fit-content;
  width: 100%;
  animation: slide-bottom .3s cubic-bezier(.25, .46, .45, .94) both;
  //border-radius: 0 0 24px 24px;
  padding-bottom: 8px;
}


@keyframes slide-bottom {
  0% {
    transform: translateY(-500px)
  }

  100% {
    transform: translateY(68px)
  }
}